import React from 'react'
import { NavBar } from 'react-vant'
import { ProductCard, Tag, Button } from 'react-vant';
import { Tabs } from 'antd-mobile'
function App() {
  return (
    <div>
      <NavBar title="我的订单"></NavBar>
      <Tabs>
        <Tabs.Tab title='全部订单' key='fruits'>
          <ProductCard
            num="1"
            price="1.00"
            desc="更多风格的刚刚的"
            title="郭德纲的人个人个人"
            thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
          />
          <ProductCard
            num="2"
            price="2.00"
            desc="ui将更加规范合法化合法化"
            title="德国法国代购广泛广泛"
            thumb="https://img.yzcdn.cn/vant/apple-1.jpg"
          />
        </Tabs.Tab>
        <Tabs.Tab title='待付款' key='vegetables'>
        <ProductCard
      num="1"
      price="1.00"
      desc="发士大夫地方"
      title="发的风格和规范"
      thumb="https://img.yzcdn.cn/vant/apple-1.jpg"
    />
      <ProductCard
      num="2"
      price="2.00"
      desc="等各个哥哥的"
      title="价格和反恐机构行家回房间"
      thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
    />
        </Tabs.Tab>
        <Tabs.Tab title='待发货' key='animals'>
        <ProductCard
      num="1"
      price="1.00"
      desc="JFK加大开发接口"
      title="的疯狂包括那边看看"
      thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
    />
      <ProductCard
      num="2"
      price="2.00"
      desc="飞机看看你可能vkdk"
      title="房间内公积金看风景"
      thumb="https://img.yzcdn.cn/vant/apple-1.jpg"
    />
        </Tabs.Tab>
        <Tabs.Tab title='待收货' key='animals1'>
        <ProductCard
      num="1"
      price="1.00"
      desc="的皇家空军设计费"
      title="给行业特点和被别人"
      thumb="https://img.yzcdn.cn/vant/apple-1.jpg"
    />
      <ProductCard
      num="2"
      price="2.00"
      desc="峰会并发表不知道哥哥"
      title="比如个人的BBS八八八八当仁不让"
      thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
    />
        </Tabs.Tab>
      </Tabs>
    </div>
  )
}

export default App